<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>




<html>
<head>
<title>Controle</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>


<script type="text/javascript" src="/domotica/js/functions.js"></script>





</head>
<body>

	<div data-role="page" id="main">

		<div data-role="header" data-position="fixed">
			
			Controle<h1></h1>
			<a href="/domotica/mobile/listarHistorico.html" data-icon="gear" class="ui-btn-right">Historico</a>

		</div>
		<!-- /header -->

		<div data-role="content">
			


			<c:forEach items="${casa.dispositivos}" var="d">
						
							${d.nome}			
							<input data-icon="check" type="button" value="Acionar"
					class="botao_acionar_dispositivo" onclick="acionar('${d.key}')" />

				<br />
				<br />
			</c:forEach>




		</div>
		<!-- /content -->
	</div>


	<div data-role="page" id="historico">

		<div data-role="header">Controle</div>
		<!-- /header -->

		<div data-role="content">pagina historico</div>
		<!-- /content -->
	</div>




</body>
</html>
